<!DOCTYPE html>
<@compress single_line=isCompress>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>流量APP管理平台 - 菜单管理</title>

    <link href="${root}/assets/common/images/icons/favicon.ico" rel="shortcut icon">
    <!--Loading bootstrap css-->
    <link type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,800italic,400,700,800">
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald:400,700,300">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/jquery-ui-1.10.3.custom/css/ui-lightness/jquery-ui-1.10.3.custom.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/font-awesome/css/font-awesome.min.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/bootstrap/css/bootstrap.min.css">
    <!--LOADING SCRIPTS FOR PAGE-->
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/jquery-news-ticker/jquery.news-ticker.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/jquery-jvectormap/jquery-jvectormap-1.2.2.css">
    <!--Loading style vendors-->
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/animate.css/animate.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/jquery-pace/pace.css">
    <!--Loading style-->
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/css/style.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/css/vendors.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/css/themes/white-pink.css" id="color-style">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/css/style-responsive.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/validator/jquery.validator.css">

    <link rel="shortcut icon" href="${root}/assets/common/images/favicon.ico">

	<#include "/pager/common/quote.ftl" />
</head>
<body>
	<#include "/pager/biz-logic/include/top.ftl" />
<div id="page-wrapper"><!--BEGIN PAGE HEADER & BREADCRUMB-->
    <div class="page-header-breadcrumb hide">
        <div class="page-heading hidden-xs"><h1 class="page-title">BLog Dashboard</h1></div>
        <ol class="breadcrumb page-breadcrumb">
            <li><i class="fa fa-home"></i>&nbsp;<a href="index.html">首页</a>&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;
            </li>
            <li><a href="#">系统管理</a>&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;</li>
            <li class="active">菜单管理</li>
        </ol>
    </div>
    <div class="page-content">
        <div id="tab-general">
            <div class="row">
                <div class="col-lg-12">
                    <div class="portlet">
                        <div class="portlet-header">
                            <div class="caption">菜单管理</div>
                        </div>
                        <div class="portlet-body">
                            <div class="table-tools">
                                <div class="row">
									<div class="col-xs-6">
										<div class="panel panel-default">
											<div class="panel-heading">
												<h3 class="panel-title">菜单结构</h3>
											</div>
											<div class="panel-body" style="overflow: auto;height: 460px;">
												<div id="menuPanel" class="ztree"></div>
											</div>
										</div>
									</div>
									<div class="col-xs-6">
										<div class="panel panel-default">
											<div class="panel-heading">
												<h3 class="panel-title">菜单编辑</h3>
											</div>
											<div class="panel-body" style="overflow: auto;height: 460px;">
												<form class="form-horizontal" id="menuEditForm" onsubmit="return false;">
													<span style="display: none;"><input type="hidden" name="menuId" id="menuId" /></span>
													<div class="form-group">
														<label for="menuName" class="col-sm-2 control-label">名称：<span style="color: #ff0000">*</span></label>
														<div class="col-sm-6">
															<input type="text" class="form-control" name="menuName" id="menuName" maxlength="30" />
														</div>
													</div>
													<div class="form-group">
														<label for="remark" class="col-sm-2 control-label">描述：<font></font></label>
														<div class="col-sm-6">
															<input type="text" class="form-control" name="remark" id="remark" maxlength="30" />
														</div>
													</div>
													<div class="form-group">
														<label for="url" class="col-sm-2 control-label">URL：<font></font></label>
														<div class="col-sm-6">
															<input type="text" class="form-control" name="url" id="url" maxlength="40" />
														</div>
													</div>
													<div class="form-group">
														 <label for="menuIcon" class="col-sm-2 control-label">图标：<font></font></label>
														 <div class="col-sm-6">
															<input type="text" class="form-control" name="menuIcon" id="menuIcon" maxlength="40" />
														 </div>
													 </div>
													<div class="form-group">
														<label for="parentName" class="col-sm-2 control-label">父菜单：<span style="color: #ff0000">*</span></label>
														<div class="col-sm-6">
															<input type="text" class="form-control" name="parentName" id="parentName" readonly="readonly" />
															<span style="display: none;"><input type="hidden" name="parentId" /></span>
														</div>
													</div>
													<div class="form-group">
														<label for="sort" class="col-sm-2 control-label">排序：<font></font></label>
														<div class="col-sm-6">
															<input type="text" class="form-control" name="sort" id="sort" maxlength="5" />
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">类型：<span style="color: #ff0000">*</span></label>
														<div class="col-sm-6">
															<label class="radio-inline">
																<input type="radio" name="isParent" value="true" />
																<label>菜单目录</label>
															</label>
															<label class="radio-inline">
																<input type="radio" name="isParent" value="false" checked="checked" />
																<label>菜单资源</label>
															</label>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label">状态：<span style="color: #ff0000">*</span></label>
														<div class="col-sm-6">
															<label class="radio-inline">
																<input type="radio" name="status" value="1" checked="checked"/>
																<label>正常</label>
															</label>
															<label class="radio-inline">
																<input type="radio" name="status" value="0" />
																<label>停用</label>
															</label>
														</div>
													</div>
													<div class="form-group" style="padding-left: 80px;">
														<span class="spacing"><input type="submit" id="submitForm" class="btn btn-primary" value="提交" /></span>
														<span class="spacing"><input type="reset" id="resetForm" class="btn btn-default" value="取消"/></span>
													</div>
												</form>
											</div>
										</div>
									</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<#include "/pager/biz-logic/include/bot.ftl" />
<script type="text/javascript">
window.menus = eval('${menusJson}');
window.menus.push({menuId:0,isParent:true, parentId:-1,status:1,showName:'ROOT',menuName:'ROOT'});
</script>
</@compress>